<template>
  <div class="setting">
    <template v-if="tabType == 'data'">
      <div class="card">
        <div class="title">关注公众号</div>
        <div class="content">
          <el-form-item label="二维码">
            <sa-uploader v-model="settingData.data.src"></sa-uploader>
          </el-form-item>
          <el-form-item label="标题文字">
            <el-input v-model="settingData.data.title.text" placeholder="请输入标题文字"></el-input>
          </el-form-item>
          <el-form-item label="颜色">
            <dc-color-picker v-model="settingData.data.title.textColor"></dc-color-picker>
          </el-form-item>
          <el-form-item label="副标题文字">
            <el-input
              v-model="settingData.data.subtitle.text"
              placeholder="请输入副标题文字"
            ></el-input>
          </el-form-item>
          <el-form-item label="颜色">
            <dc-color-picker v-model="settingData.data.subtitle.textColor"></dc-color-picker>
          </el-form-item>
        </div>
      </div>
    </template>
  </div>
</template>

<script setup>
  import dcColorPicker from '../../common/dc-color-picker.vue';

  const props = defineProps(['settingData', 'tabType']);
</script>
